<!DOCTYPE html>
<html xmlns:th="http://www.w3.org/1999/xhtml"
	xmlns:layout="http://www.ultraq.net.nz/thymeleaf/layout"
	layout:decorator="comm">
<head>
<title>内部对账</title>

<link href="/vendor/datatables-responsive/dataTables.responsive.css"
	rel="stylesheet" />
<link href="/vendor/select2/css/select2.min.css" rel="stylesheet"
	type="text/css" />
<script src="/vendor/datatables-responsive/dataTables.responsive.js"></script>
<link href="/dist/css/report.css" rel="stylesheet" />
<link href="/dist/css/accountcheck.css" rel="stylesheet" />
<script src="/vendor/select2/js/select2.min.js"></script>
<!-- <script src="vendor/jquery/jquery.form.js"></script> -->
<!-- <script  src="dist/js/jquery.freezeheader.js"></script> -->
<script th:src="@{/dist/js/account_check.js?v=}+${session.version}"></script>
<script th:src="@{/dist/js/confirm.js?v=}+${session.version}"></script>
<!-- <script th:src="@{dist/js/loading.js?v=}+${session.version}"></script> -->
</head>
<body>

	<div id="page-wrapper" th:fragment="content" th:remove="tag">
		<div class="row">
			<br />
			<ul class="nav nav-tabs">
               <li><a href="/account_check/counterparty_conf"><h8 style="font-size:14px">交易对手Mapping</h8></a></li>
                <li><a href="/account_check/account_sub_conf"><h8 style="font-size:14px">科目匹配</h8></a></li>         
				<li class="active"><a href="#"><h8 style="font-size:14px">内部对账</h8></a></li>
				<!-- <span id = "money" style="font-size: 11px;color:#aaa; float:right;width: 10%;">币种：元</span> -->
				<div style="margin-top: 20px;">
					<!-- <span id = "responseRemark" style="font-size: 11px;color:gray;margin-left: 10%;"></span> -->
					<span id="money"
						style="font-size: 11px; color: gray; float: right; width: 15%;">币种：人民币；单位：元</span>
				</div>
			</ul>

			<br />
		</div>
		<div class="row">
			<!--前缀-->
			<div class="col-lg-12">
				<!-- 客户名称 -->
				<form class="form-horizontal" id="searchAccountForm"
					name="searchAccountForm">
					<div class="form-group" style="marign: 0 auto;">
						<!-- <label for="clientNm" class="col-sm-1 control-label"
							style="white-space: nowrap;">公司名称</label> -->
						<div class="col-sm-5 ">
							<select name="corpNm" id="clientNm"
								class="input-sm form-control search-param "
								style="height: 28px; line-height: 28px;"
								href="account_check/initCorp">
							</select>
						</div>
						<!-- 起始日期 -->
						<div
							class="col-sm-1 el-date-editor el-range-editor el-input__inner el-date-editor--daterange">
							<i class="fa fa-calendar-o"></i>
							<div id="start" class="dropdown">
								<input id="startDate" readonly="readonly" name="startDate"
									type="text" class="input-sm form-control "
									data-toggle="dropdown"
									style="background-color: white; border: 0px solid #fff; height: 25px; cursor: pointer; text-align: center" />
								<input id="year" type="hidden" /> <input id="beginMonth"
									type="hidden" />
								<div id="startMenuList" class="dropdown-menu"
									aria-labelledby="startDate">
									<div id="startMenuCtrl" class="input-group">
										<span
											class="input-group-addon input-group-addon-remove quantity-remove btn"
											style="background-color: #fff; border: 1px solid #fff;">
											<span class="glyphicon glyphicon-triangle-left"></span>
										</span>
										<button id="startYear" type="button" class="form-control"
											data-toggle="dropdown" style="float: none; border: none"></button>
										<span
											class="input-group-addon input-group-addon-remove quantity-add btn"
											style="background-color: #fff; border: 1px solid #fff">
											<span class="glyphicon glyphicon-triangle-right"></span>
										</span>
									</div>
								</div>
							</div>
							<input id="page" type="number" hidden="hidden" name="page"></input>
							<input id="size" type="number" hidden="hidden" name="size"></input>
							<input id="batchNum" hidden="hidden" name="batchNum" value="0"></input>
							<span>至</span>
							<div id="end" class="dropdown">
								<input id="endDate" readonly="readonly" name="endDate"
									type="text" class="input-sm form-control "
									data-toggle="dropdown"
									style="background-color: white; border: 0px solid #fff; height: 25px; cursor: pointer; text-align: center" />
								<input id="endMonth" type="hidden" value="" />
								<div id="endMenuList" class="dropdown-menu"
									aria-labelledby="endDate">
									<div id="endMenuCtrl" class="input-group">
										<span
											class="input-group-addon input-group-addon-remove quantity-remove btn"
											style="background-color: #fff; border: 1px solid #fff">
											<span class="glyphicon glyphicon-triangle-left"></span>
										</span>
										<button id="endYear" type="button" class="form-control"
											data-toggle="dropdown" style="float: none; border: none"></button>
										<span
											class="input-group-addon input-group-addon-remove quantity-add btn"
											style="background-color: #fff; border: 1px solid #fff">
											<span class="glyphicon glyphicon-triangle-right"></span>
										</span>
									</div>
								</div>
							</div>

						</div>
						<div class="col-sm-2 ">
							<select name="offsetTypeName" id="offsetType"
								class="input-sm form-control "
								style="height: 28px; line-height: 28px;border: 1px solid #aaa">
								<option value="-1">全部</option>
								<option value="0">自动-相等抵消</option>
								<option value="1">手工-相等抵消</option>
								<option value="3">自动-抵小抵消</option>
								<option value="4">自动-单边记账</option>
							</select>
						</div>
						<div style="float: right; margin-right: 20px">
							<button type="button" class=" btn btn-primary btn-sm"
								style="float: left; margin-right: 20px" data-toggle="modal"
								 id="exportBtnBefore">导出</button>
						</div>
						<div style="float: right; margin-right: 10px">
							<input type="hidden" id="currentPage" value="1" /> <input
								type="hidden" id="reportSize" value="20" />
							<button type="button" class="btn btn-primary btn-sm"
								style="float: right;" id="accountSearchBtn">查询</button>
						</div>
					</div>
				</form>
			</div>
		</div>

		<div class="row">
			<div class="col-lg-12">
				<div class="table-responsive"
					style="text-align: center; border: 1px solid #ddd;">
					<div style="text-align: center;">
						<table id="account-data1" class="table table-bordered"
							style="margin-bottom: 0px;">
							<thead id="account-header1" align="center">
								<tr class="compareAccountTrHead">
									<th width="7%">分录</th>
									<th width="14%">公司名称</th>
									<th width="14%">交易对手</th>
									<th width="15%">科目</th>
									<th width="10%">记账金额</th>
									<th width="10%">抵消金额</th>
									<th width="10%">差异余额</th>
									<th width="10%">抵消类型</th>
									<th width="5%">备注</th>
									<th width="5%">操作</th>
								</tr>
							</thead>
							<tbody id="account-content1">

							</tbody>

						</table>

					</div>

					<div id="tableSection">
						<table id="account-data" class="table  table-bordered  ">
							<thead></thead>
							<tbody id="account-content">

							</tbody>

						</table>

					</div>
				</div>
			</div>

		</div>
		<!-- 添加一行模态框 -->
		<div class="modal fade" id="addModal" data-backdrop="static"
			role="dialog" aria-labelledby="myModalLabel">
			<div style="width: 40%;" class="modal-dialog" role="document">
				<div class="modal-body">
					<div class="panel panel-primary">
						<div class="panel-heading">
							<i class="fa fa-fw" id="myModalLabel"></i>添加
							<button type="button" class="close" data-dismiss="modal"
								aria-hidden="true">&times;</button>
						</div>

						<div class="panel-body ">
							<form class="form-horizontal">
								<div style="width: 85%; float: left;">
									<div class="row  form-group">
										<div class="col-xs-offset-0">
											<label for="numId" class="control-label col-lg-3 fa">分录</label>
											<div class="col-lg-9">
												<input id="numId" type="text" class="form-control input-sm"
													readonly="true" /> <input type="hidden" id="thisBatchId"
													value="" />
											</div>
										</div>
									</div>
									<div class="row form-group">
										<div class="col-xs-offset-0">
											<label for="thisParty" class="control-label col-lg-3 fa">本方</label>
											<div class="col-lg-9">
												<input id="thisParty" type="text"
													class="form-control input-sm" readonly="true" /> <input
													type="hidden" id="thisPartyCode" value="" />
											</div>
										</div>
									</div>
									<div class="row form-group">
										<div class="col-xs-offset-0">
											<label for="otherParty" class="control-label col-lg-3 fa">对方</label>
											<div class="col-lg-9">
												<input id="otherParty" type="text"
													class="form-control input-sm" readonly="false" /> <input
													type="hidden" id="otherPartyCode" value="" />
											</div>
										</div>
									</div>
									<div class="row form-group">
										<div class="col-xs-offset-0">
											<label for="accountSub" class="control-label col-lg-3 fa">科目</label>
											<div class="col-lg-9">
												<select name="companySubject" id="accountSub"
													style="marign: 0 auto; width: 100%;"
													href="account_check/getCourseInfo">
												</select>
											</div>
										</div>
									</div>
									<div class="row form-group">
										<div class="col-xs-offset-0">
											<label for="offsetAmount" class="control-label col-lg-3 fa">抵销金额</label>
											<div class="col-lg-9">
												<input id="offsetAmount" type="text"
													class="form-control input-sm" required="required" /> <input
													type="hidden" id="offsetAmountAll" value="" /> <span
													id="errInfo" style="color: red"></span>
											</div>
										</div>
									</div>
									<div class="row form-group">
										<div class="col-xs-offset-0">
											<label for="textRemark" class="control-label col-lg-3 fa">备注说明</label>
											<div class="col-lg-9">
												<textarea class="form-control" name="exportComment"
													id="textRemark" required="required"></textarea>
												<span id="errInfoRemark" style="color: red"></span>
											</div>
										</div>
									</div>
									<div class="row form-group">
										<div class="col-xs-offset-0">
											<label class="control-label col-lg-3 fa"></label>
											<div class="col-xs-9">
												<button type="button" class="btn  btn-primary "
													id="addTrBtn" style="float: right;">保存</button>
												<button type="button" class="btn btn-default"
													style="float: right; margin-right: 10px" id="closeTrBtn"
													data-dismiss="modal">取消</button>
											</div>
										</div>
									</div>
								</div>
							</form>
							<!-- <div style="width: 10%; float: right; margin: 12px 5px 0 0;">
								<br /> <br /> <br />
								<button type="button" style="color: gray;"
									class="btn btn-default btn-sm glyphicon glyphicon-sort" id="exchangeMove"></button>
							</div> -->
						</div>

					</div>
				</div>
			</div>
		</div>
		<!-- 导出形式模态框 -->
		<div class="modal fade" id="exportModal" tabindex="-1"
			data-backdrop="static" role="dialog" aria-labelledby="myModalLabel">
			<div style="width: 40%;" class="modal-dialog" role="document">
				<div class="modal-body">
					<div class="panel panel-primary">
						<div class="panel-heading">
							<i class="fa fa-fw" id="myModalLabel"></i> 导出报表
							<button type="button" class="close" data-dismiss="modal"
								aria-hidden="true">&times;</button>
						</div>
						<div class="panel-body">
							<div class="form-group">
								<!-- <div class="col-xs-offset-0">
									<input name="reportExpTp" type="radio" value="1"
										checked="checked" />&nbsp;导出当前页&nbsp; <input
										name="reportExpTp" type="radio" value="2" />&nbsp;导出所有
								</div> -->
								<div class="col-xs-offset-0">
									文件名:<input type="text" name="expFileNm" id="expAcctFileNm"
										class="form-control" placeholder="保存文件名" />
								</div>
							</div>
							<div class="form-group">
								<button type="button" class="btn btn-default"
									id="closeAccountBtn" data-dismiss="modal">取消</button>
								<button type="button" class="btn btn-primary" id="exportBtn">导出</button>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
		<div>
			<div class="sk-wave">
				<div class="sk-rect sk-rect1"></div>
				<div class="sk-rect sk-rect2"></div>
				<div class="sk-rect sk-rect3"></div>
				<div class="sk-rect sk-rect4"></div>
				<div class="sk-rect sk-rect5"></div>
			</div>
		</div>
	</div>
</body>
</html>






